@extends('layouts.master')
@section('title', '用户资料')
@section('content')
<section class="zhongxin">
    <div class="zhongxin_left">
          <div class="touxiang">
              <img id="photo1_show2" src="#" onerror="this.src='img/011-img.png'">
          </div>
          <p class="user">
              <span>
                  <img src="img/user_03.png">
                  <i id="name">匿名</i>
              </span>
          </p>
        <div class="zhongxin_dh">
            <ul id="link-list" class="tab_title">
               <li class="user_zl active">
                   <a href="#top"><b></b>我的资料</a>
                </li>
                <li class="user_xx">
                    <a href="#mid"><b></b>消息中心</a>
                </li>
                <li class="user_td">
                    <a href="#tuandui"><b></b>我的团队</a>
                </li>
                <li class="user_gz">
                    <a href="#guanzhu"><b></b>粉丝与关注</a>
                </li>
                <li class="user_tc">
                    <a id="logout" style="cursor: pointer;"><b></b>退出登录</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="zhongxin_right">
        <div id="top" class="show">
         <div class="my_zl">
            <p>我的资料</p>
            <div class="ziliao">
                <div class="ziliao_left">
                    <ul id="ul_data">
                        <li>
                            <span>姓名</span>
                            <input id="username" type="text" disabled="disabled" />
                        </li>
                        <li>
                            <span>账号</span>
                            <input id="uid" type="text" disabled="disabled" />
                        </li>
                        <li>
                            <span>邮箱</span>
                            <input id="email" type="text" disabled="disabled" />
                        </li>
                        <li>
                            <span>性别</span>
                            <input type="radio" class="radio" name="sex_radio" id="r1" disabled="disabled" value="1" />
                            <label for="r1">男</label> &nbsp; &nbsp;
                            <input type="radio" class="radio" name="sex_radio" id="c1" disabled="disabled" value="2" />
                            <label for="c1">女</label> &nbsp; &nbsp;
                            <input type="radio" class="radio" name="sex_radio" id="d1" disabled="disabled" value="0" />
                            <label for="d1">保密</label>
                        </li>
                        <li>
                            <span>年龄</span>
                            <input id="age" type="text" disabled="disabled" />
                        </li>
                        <li>
                            <span>地址</span>
                            <input id="address" type="text" disabled="disabled" />
                        </li>
                    </ul>
                    <div id="div_edit" class="queren">
                        <a id="edit" class="blue">编辑</a>
                    </div>
                    <div id="div_save" class="queren" style="display: none;">
                        <a id="save">保存</a> <a id="cancel" class="grey">取消</a>
                    </div>
                    <i class="zl_jiantou">
                        <img src="img/left-三角形.png">
                    </i>
                </div>
                <div class="ziliao_right">
                    <div class="user_touxiang">
                        <img id="photo1_show" src="#" onerror="this.src='img/touxiang_03.png'"/>
                        <span><input type="file" id="photo_u" name="photo"></span>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        </div>
        <div id="mid" class="hidden">
        <div class="my_xiaoxi">
            <p>消息中心
            <span><img src="img/find_03.png"></span>
            </p>
            <div class="my_xiaoxi_1">
                 <div class="xiaoxi_nav">
                     <ul>
                         <li class="active_1 xx_nav"><img src="img/drafts.png">我的帖子</li>
                         <li class="xx_nav"><img src="img/提问图标.png">我的提问</li>
                         <li class="xx_nav"><img src="img/评论与回复-图标.png">评论和回复</li>
                     </ul>
                 </div>
                <div class="xx_body">
                 <div class="my_xiaoxi_2 active_2">
                       <ul>
                           <li class="my_xiaoxi_xx">
                               <span class="xiaoxi_time">
                                   <i>2016-07-08</i>
                                   <i>01:08:44</i>
                               </span>
                               <span id="cktz">
                                   <span class="xiaoxi_bt">
                                   <i style="color:#d7391a"><a href="">泽富投顾</a></i>
                                   <i>（周二视点）</i>
                               </span>
                                   <span class="xiaoxi_nr">
                                   1.卡机等哈看时间和大家客服哈家客服哈空间发货金卡很快就会发觉客服哈会计法啊是尽量哈空间发哈伦裤减肥哈斯卡房间哈弗尽快哈老师开房间哈市了房间看哈利开发计划拉克将返回福建卡还是分开垃圾法混阿克纠纷哈师傅家客户发卡机来回阿贾克斯法混阿娇付款后
                               </span>
                               </span>
                               <span class="xiaoxi_pl">
                                     <i class="xiaoxi_pl_sc">
                                         <img src="img/xin_03.png">
                                         <a>12</a>
                                     </i>
                                   <i>评论(157)</i>
                                   <b></b>
                                   <i><a href="">编辑</a></i>
                                   <b></b>
                                   <i><a href="">删除</a></i>
                               </span>
                           </li>
                           <li class="my_xiaoxi_xx">
                               <span class="xiaoxi_time">
                                   <i>2016-07-08</i>
                                   <i>01:08:44</i>
                               </span>
                               <span class="xiaoxi_bt">
                                   <i style="color:#d7391a">泽富投顾</i>
                                   <i>（周二视点）</i>
                               </span>
                               <span class="xiaoxi_nr">
                                   1.卡机等哈看时间和大家客服哈家客服哈空间发货金卡很快就会发觉客服哈会计法啊是尽量哈空间发哈伦裤减肥哈斯卡房间哈弗尽快哈老师开房间哈市了房间看哈利开发计划拉克将返回福建卡还是分开垃圾法混阿克纠纷哈师傅家客户发卡机来回阿贾克斯法混阿娇付款后
                               </span>
                               <span class="xiaoxi_pl">
                                     <i class="xiaoxi_pl_sc">
                                         <img src="img/xin_03.png">
                                         <a>12</a>
                                     </i>
                                   <i>评论(157)</i>
                                   <b></b>
                                   <i><a href="">编辑</a></i>
                                   <b></b>
                                   <i><a href="">删除</a></i>
                               </span>
                           </li>
                           <li class="my_xiaoxi_xx">
                               <span class="xiaoxi_time">
                                   <i>2016-07-08</i>
                                   <i>01:08:44</i>
                               </span>
                               <span class="xiaoxi_bt">
                                   <i style="color:#d7391a">泽富投顾</i>
                                   <i>（周二视点）</i>
                               </span>
                               <span class="xiaoxi_nr">
                                   1.卡机等哈看时间和大家客服哈家客服哈空间发货金卡很快就会发觉客服哈会计法啊是尽量哈空间发哈伦裤减肥哈斯卡房间哈弗尽快哈老师开房间哈市了房间看哈利开发计划拉克将返回福建卡还是分开垃圾法混阿克纠纷哈师傅家客户发卡机来回阿贾克斯法混阿娇付款后
                               </span>
                               <span class="xiaoxi_pl">
                                     <i class="xiaoxi_pl_sc">
                                         <img src="img/xin_03.png">
                                         <a>12</a>
                                     </i>
                                   <i>评论(157)</i>
                                   <b></b>
                                   <i><a href="">编辑</a></i>
                                   <b></b>
                                   <i><a href="">删除</a></i>
                               </span>
                           </li>
                       </ul>
                 </div>
                 <div class="my_xiaoxi_pl">
                     <ul>
                         <li class="tiwen">
                             <span class="tiwen1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.些啊立刻焕发时空裂缝哈时空裂痕发狂了沙发考虑是否可拉伸法可怜啥地方了咖啡哈时空加咖啡还是会计阿李师傅哈空间分行卡家乐福哈科技示范户 阿会计师的哈会计师裂缝哈市立刻返回</span>
                             <span class="tiwen_pl">
                                 <i>2016-07-08</i>
                                 <i>0:09:08</i>
                                 <i><a href="">编辑</a></i>
                                 <b></b>
                                 <i><a href="">删除</a></i>
                             </span>
                         </li>
                         <p style="width: 100%;height:1px;background: #9e9e9e"></p>
                         <li class="huifu">
                             <span class="huifu_tp"><img src="img/箭头图标.png"></span>
                             <span class="huifu_font">空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家</span>
                             <span class="huifu_btn"><b></b><a href="">回复</a></span>
                         </li>
                         <p style="width: 100%;height:1px;background: #9e9e9e"></p>
                         <li class="huifu">
                             <span class="huifu_tp"><img src="img/箭头图标.png"></span>
                             <span class="huifu_font">空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家</span>
                             <span class="huifu_btn"><b></b><a href="">回复</a></span>
                         </li>
                     </ul>
                     <ul>
                         <li class="tiwen">
                             <span class="tiwen1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.些啊立刻焕发时空裂缝哈时空裂痕发狂了沙发考虑是否可拉伸法可怜啥地方了咖啡哈时空加咖啡还是会计阿李师傅哈空间分行卡家乐福哈科技示范户 阿会计师的哈会计师裂缝哈市立刻返回</span>
                             <span class="tiwen_pl">
                                 <i>2016-07-08</i>
                                 <i>0:09:08</i>
                                 <i><a href="">编辑</a></i>
                                 <b></b>
                                 <i><a href="">删除</a></i>
                             </span>
                         </li>
                         <p style="width: 100%;height:1px;background: #9e9e9e"></p>
                         <li class="huifu">
                             <span class="huifu_tp"><img src="img/箭头图标.png"></span>
                             <span class="huifu_font">空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家</span>
                             <span class="huifu_btn"><b></b><a href="">回复</a></span>
                         </li>
                         <p style="width: 100%;height:1px;background: #9e9e9e"></p>
                         <li class="huifu">
                             <span class="huifu_tp"><img src="img/箭头图标.png"></span>
                             <span class="huifu_font">空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家</span>
                             <span class="huifu_btn"><b></b><a href="">回复</a></span>
                         </li>
                     </ul>
                 </div>
                 <div class="my_xiaoxi_hf">
                     <ul>
                         <li class="huifu">
                             <span class="huifu_tp"><img src="img/箭头图标.png"></span>
                             <span class="huifu_font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空间家阿发哈空间家阿发哈空间空间家阿发哈哈空间空间家阿发哈哈空间空间家阿发哈哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家</span>
                             <span class="tiwen_pl">
                                 <i>2016-07-08</i>
                                 <i>0:09:08</i>
                                 <i><a href="">编辑</a></i>
                                 <b></b>
                                 <i><a href="">删除</a></i>
                             </span>
                         </li>
                         <p style="width: 100%;height:1px;background: #9e9e9e"></p>
                         <li class="huifu">
                             <span class="ple_huifu_tp"><img src="img/img4.png"></span>
                             <span class="huifu_font">空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家</span>
                             <span class="tiwen_pl">
                                 <i><a href="" style="color: #112a8f;;">回复</a></i>
                                 <b></b>
                                 <i><a href="">删除</a></i>
                             </span>
                         </li>
                         <p style="width: 100%;height:1px;background: #9e9e9e"></p>
                         <li class="huifu">
                             <span class="ple_huifu_tp"><img src="img/img4.png"></span>
                             <span class="huifu_font">空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家阿发哈空间空间家阿发哈空间家</span>
                             <span class="tiwen_pl">
                                 <i><a href="" style="color: #112a8f;;">回复</a></i>
                                 <b></b>
                                 <i><a href="">删除</a></i>
                             </span>
                         </li>
                     </ul>
                 </div>
                </div>
            </div>
            <i class="xiaoxi_jt">
                <img src="img/left-三角形.png"/>
            </i>
        </div>
        </div>
        <div id="tuandui" class="hidden">
            <div class="my_tuandui" style="display: block" id="divA">
                <p>我的团队</p>
                <div class="tuandui_1">
                    <div class="lb_daohang">
                    <ul class="huise">
                         <li onclick="showDiv('divB')">
                             <span><img src="img/09-img.png"></span>
                             <span>齐远清老师团队<i>(36)</i></span>
                         </li>
                         <i><img src="img/bai_line_03.png"></i>
                         <li>
                             <span><img src="img/09-img.png"></span>
                             <span>齐远清老师团队<i>(36)</i></span>
                         </li>
                     </ul>
                    <ul class="baise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span><img src="img/09-img.png"></span>
                            <span>齐远清老师团队<i>(36)</i></span>
                        </li>
                    </ul>
                    </div>
                </div>
                <div class="zimu_daohang">
                    <ul>
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                        <li>d</li>
                        <li>e</li>
                        <li>f</li>
                        <li>g</li>
                        <li>h</li>
                        <li>i</li>
                        <li>j</li>
                        <li>k</li>
                        <li>l</li>
                        <li>m</li>
                        <li>n</li>
                        <li>o</li>
                        <li>p</li>
                        <li>q</li>
                        <li>r</li>
                        <li>s</li>
                        <li>t</li>
                        <li>u</li>
                        <li>v</li>
                        <li>w</li>
                        <li>x</li>
                        <li>y</li>
                        <li>z</li>
                    </ul>
                </div>
                <i class="td_jiantou">
                    <img src="img/left-三角形.png"/>
                </i>
            </div>
            <div class="my_tuandui" style="display: none" id="divB">
                <p>齐远清老师团队<i>(36)</i></p>
                <div class="tuandui_1">
                    <ul class="huise">
                        <li id="grzy">
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="huise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                    <ul class="baise">
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                        <i><img src="img/bai_line_03.png"></i>
                        <li>
                            <span class="tx"><img src="img/09-img.png"></span>
                            <span>齐远清老师团队</span>
                            <span class="sc"><img src="img/关注与粉丝.png"><i>325</i></span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="guanzhu" class="hidden">
            <div class="my_guanzhu">
               <p>粉丝与关注
            </p>
               <div class="my_guanzhu_1">
                <div class="guanzhu_nav">
                    <ul>
                        <li class="gz_on my_gz"><b></b>我的关注</li>
                        <li class="my_fs"><b></b>我的粉丝</li>
                    </ul>
                </div>
                   <div class="my_guanzhu_body">
                       <div class="my_gz_body">
                           <ul>
                               <li></li>
                               <i><img src="img/bai_line_03.png"></i>
                               <li></li>
                           </ul>
                       </div>
                       <div class="my_fs_body"></div>
                   </div>
            </div>
               <i class="guanzhu_jt">
                <img src="img/left-三角形.png"/>
            </i>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</section>
<div class="user_zy" id="user_zy" style="display: none">
    <div class="user_zy_body"></div>
    <div class="user_zy_nr">
          <div class="zy_head">
              <span class="zy_touxiang">
                  <img src="img/女孩头像.png" alt=""/>
              </span>
              <span class="zy_bt">他的主页</span>
              <span class="zy_close">
                  <img src="img/radiu-rad_03.png" alt=""/>
              </span>
          </div>
          <div class="zy_nr_body">
            <div class="zy_nav">
                 <span class="zy_nav_tx">
                     <img src="img/011-img.png">
                 </span>
                 <span class="zy_nav_name">
                     GodoYyc
                 </span>
                 <span class="zy_nav_dd">
                     <i class="zy_nav_dd_age">24</i>
                     <i class="zy_nav_dd_dd">上海</i>
                 </span>
          </div>
            <div style="background: #f1f1f1;width: 100%;height: 50px;border: 1px solid #d8d8d8"></div>
            <div class="zy_tz">
                <h4>发表帖子：</h4>
                <div class="zy_tz_nr">
                    <p class="zy_tz_nr_bt">横贯牛熊 把握四大新兴产业机</p>
                    <p class="zy_tz_nr_nr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阿拉山口放假啊看来啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上离开房间爱客服了解阿里客服就阿里开始放假阿拉开始放假啊老师会计法离开房间爱离开房间爱看了附件阿拉克</p>
                    <ul class="dianzan">
                        <li class=zy_tz_dz><img src="img/dianz_03.png"><i>36</i></li>
                        <li class="zy_tz_ll"><img src="img/eyes_03.png"><i>203</i></li>
                        <li class="zy_tz_pl">评论(<i>36</i>)</li>
                    </ul>
                </div>
                <div class="zy_tz_nr">
                    <p class="zy_tz_nr_bt">横贯牛熊 把握四大新兴产业机</p>
                    <p class="zy_tz_nr_nr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阿拉山口放假啊看来啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上离开房间爱客服了解阿里客服就阿里开始放假阿拉开始放假啊老师会计法离开房间爱离开房间爱看了附件阿拉克</p>
                    <ul class="dianzan">
                        <li class=zy_tz_dz><img src="img/dianz_03.png"><i>36</i></li>
                        <li class="zy_tz_ll"><img src="img/eyes_03.png"><i>203</i></li>
                        <li class="zy_tz_pl">评论(<i>36</i>)</li>
                    </ul>
                </div>
                <div class="zy_tz_nr">
                    <p class="zy_tz_nr_bt">横贯牛熊 把握四大新兴产业机</p>
                    <p class="zy_tz_nr_nr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阿拉山口放假啊看来啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上口放假啊看来是福建爱上离开房间爱客服了解阿里客服就阿里开始放假阿拉开始放假啊老师会计法离开房间爱离开房间爱看了附件阿拉克</p>
                    <ul class="dianzan">
                        <li class=zy_tz_dz><img src="img/dianz_03.png"><i>36</i></li>
                        <li class="zy_tz_ll"><img src="img/eyes_03.png"><i>203</i></li>
                        <li class="zy_tz_pl">评论(<i>36</i>)</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="user_tz" id="user_tz" style="display: none">
    <div class="user_zy_body"></div>
    <div class="user_tz_nr">
       <p class="tz_head">
           <span class="cktz_close">
                  <img src="img/radiu-rad_03.png" alt=""/>
              </span>
       </p>
        <div class="cktz_body">
            <h2>瑞银：黄金牛市才刚刚开始</h2>
            <p class="cktz_time">
                <span><i>125</i>人浏览</span>
                <span>2016-07-09  15:30</span>
                <a href=""><img src="img/fenxiang_03.png"/></a>
            </p>
            <div class="cktz_nr">
                <div class="cktz_nr_p">
                <p>&nbsp;&nbsp;&nbsp;&nbsp;阿拉山口福建爱上了客服哈时空裂缝哈市了客服哈了客服哈了客服哈来付款哈来付款哈发来看哈发来看哈发来看哈富利卡可拉伸法开始来回法兰克福哈里付款哈发了卡号发来客户发付款哈可怜返回</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;阿拉山口福建爱上了客服哈时空裂缝哈市了客服哈了客服哈了客服哈来付款哈来付款哈发来看哈发来看哈发来看哈富利卡可拉伸法开始来回法兰克福哈里付款哈发了卡号发来客户发付款哈可怜返回</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;建议手机下载APP"股市教练".搜索"财富金融投顾"并订阅我们！谢谢合作！</p>
                </div>
                <div class="cktz_nr_foot">
                    <img src="img/dian_03.png">
                    <i>21</i>
                </div>
            </div>
            <div class="cktz_pl">
                <!--<div class="cktz_text" contenteditable="true" aria-valuetext="我也说二句">

                </div>-->
                <textarea id="textarea" onblur="if(this.value == ''){this.value = '我也说两句..';}" onfocus="if(this.value == '我也说两句..') {this.value = '';}"></textarea>
                <div class="cktz_qr">
                    <span class="cktz_qr_tp">
                        <i><img src="img/ziti_03.png"></i>
                        <i><img src="img/biaoqin_03.png"></i>
                    </span>
                    <span class="cktz_qr_tj"><a href="#">发布</a></span>
                    <span class="clear"></span>
                </div>
            </div>
            <div class="other_pl">
                <h4>所有评论(<i>1</i>)</h4>
                <div class="other_pl_nr">
                    <div class="other_tx">
                        <img src="img/女孩头像.png"/>
                    </div>
                    <div class="other_nr">
                        <span class="other_nr_bt">中国黄金平台</span>
                        <span class="other_nr_nr">老师说的很棒，很有道理。</span>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="other_time">
                    <span class="other_time_time">
                        <i>07-10</i>
                        <i>15:30</i>
                    </span>
                    <span class="other_time_hf">
                        <i><b>2</b>楼</i>
                        <a href="">回复</a>
                    </span>
                    <span class="clear"></span>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('footer')
<script type="text/javascript" src="/uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript">
    $(function(){
        //上传
        $('#photo_u').uploadify({
            //'auto':false,
            'swf':'/uploadify/uploadify.swf',
            'uploader':'/upload',
            'fileTypeExts':'*.jpg; *.gif; *.png',
            'fileTypeDesc':'请选择图片',
            'buttonText':'修改头像',
            'buttonClass':'uploadify_btn',
            'height':22,
            'width': 100,
            'multi':false,
            'onUploadSuccess':function(file,data,response){
                var str = JSON.parse(data);
                $("#photo1_show").attr('src', '/Uploads/'+str.photo1);
                $("#photo1_show2").attr('src', '/Uploads/'+str.photo1);
                $.ajax({
                    type: 'post', dataType: 'json', cache: false,
                    url: '/savephoto',
                    data: {'photo1': str.photo1, 'photo2': str.photo2, 'photo3': str.photo3},
                    success: function (data) {
                        if (data.status == 0){
                            layer.msg(data.info, {icon: 1, time: 1000});
                        }else{
                            layer.msg(data.info, {icon: 2, time: 1000});
                        }
                    }
                });
            }
        });

        getUser();
        $("#edit").click(function () {
            $("#ul_data input").attr("disabled", false);
            $("#div_edit").css("display","none");
            $("#div_save").css("display","block");
        });
        $("#save").click(function () {
            var name = $("#username");
            var uid = $("#uid");
            var email = $("#email");
            var sex = $("input[name='sex_radio']:checked").val();
            var age = $("#age");
            var address = $("#address");
            if (uid.val() == ''){
                layer.msg('账号不能为空', {icon: 5, time: 1000}, function () {uid.focus();});
                return false;
            }else{
                $.ajax({
                    type: 'post', dataType: 'json', cache: false,
                    url: '/user/update',
                    data: {'name': name.val(), 'uid': uid.val(), 'email': email.val(), 'sex': sex, 'age': age.val(), 'address': address.val()},
                    success: function(data){
                        if (data.status == 0){
                            layer.msg(data.info, {icon: 6, time: 1000}, function(){window.location.reload();});
                        }else{
                            layer.msg(data.info, {icon: 2, time: 1000});
                        }
                    }
                });
            }
        });
        $("#cancel").click(function(){
            $("#ul_data input").attr("disabled", true);
            $("#div_edit").css("display","block");
            $("#div_save").css("display","none");
        });

        $("#update_photo").click(function () {
            layer.open({
                type: 1,
                closeBtn: false,
                shift: 2,
                shadeClose: true,
                title: '修改头像',
                content: $('#div_photo')
            });
        });
    });

    function getUser() {
        $.ajax({
            type:'post',dataType:'json',cache:false,
            url:'/user',
            success:function (data) {
                if (data.status == 0){
                    $("#name").html(data.data.name);
                    $("#username").val(data.data.name);
                    $("#uid").val(data.data.uid);
                    $("#photo1_show").attr('src', "{{ env('UPLOAD') }}/"+data.data.photo1);
                    $("#photo1_show2").attr('src', "{{ env('UPLOAD') }}/"+data.data.photo1);
                    $("#email").val(data.data.email);
                    $("input[value='" + data.data.sex + "']").attr("checked",true);
                    $("#age").val(data.data.age);
                    $("#address").val(data.data.address);
                }else if(data.status == 1){
                    layer.msg(data.info, {icon: 5, time: 1000}, function () {window.location.href = '/login';});
                }
            }
        });
    }
</script>
<script type="text/javascript">
    $('#link-list').click(function(event){
        event.preventDefault();
        var src = event.target;
        var href = $(src).attr('href');
        if(!href){
            return; //被点击的不是A元素
        }
        $('.activ').removeClass('activ');
        $(src).addClass('activ');
        $('.zhongxin_right > div').attr('class', 'hidden');
        $(href).attr('class', 'show');
    });
    $('.xx_nav').each(function (i) {
        $(this).click(function (event) {
            $(this).siblings('.active_1').removeClass('active_1');
            $(this).addClass('active_1');

            $(".xx_body > div").eq(i).addClass('active_2');
            $(".xx_body > div").eq(i).siblings('.active_2').removeClass('active_2');
        })
    })
    $('.guanzhu_nav li').each(function (i) {
        $(this).click(function (event) {
            $(this).siblings('.gz_on').removeClass('gz_on');
            $(this).addClass('gz_on');

            $(".my_guanzhu_body > div").eq(i).addClass('active_2');
            $(".my_guanzhu_body > div").eq(i).siblings('.active_2').removeClass('active_2');
        })
    })
</script>
<script type="text/javascript">
    /*团队点击*/
    function showDiv(name){
        if("divB"==name){
            document.getElementById(name).style.display="block";
            document.getElementById("divA").style.display="none";
        }
    }
</script>
<script type="text/javascript">
    /*个人主页*/
    $("#grzy").on("click", function () {
        $("#user_zy").show();
    });
    $(".zy_close").on("click", function () {
        $("#user_zy").hide();
    });
    /*帖子详情*/
    $("#cktz").on("click", function () {
        $("#user_tz").show();
    });
    $(".cktz_close").on("click", function () {
        $("#user_tz").hide();
    });
</script>
<script type="text/javascript">
    /*点赞+1*/
    (function ($) {
        $.extend({
            tipsBox: function (options) {
                options = $.extend({
                    obj: null,  //jq对象，要在那个html标签上显示
                    str: "+1",  //字符串，要显示的内容;也可以传一段html，如: "<b style='font-family:Microsoft YaHei;'>+1</b>"
                    startSize: "12px",  //动画开始的文字大小
                    endSize: "30px",    //动画结束的文字大小
                    interval: 600,  //动画时间间隔
                    color: "red",    //文字颜色
                    callback: function () { }    //回调函数
                }, options);
                $("body").append("<span class='num'>" + options.str + "</span>");
                var box = $(".num");
                var left = options.obj.offset().left + options.obj.width() / 2;
                var top = options.obj.offset().top - options.obj.height();
                box.css({
                    "position": "absolute",
                    "left": left + "px",
                    "top": top + "px",
                    "z-index": 9999,
                    "font-size": options.startSize,
                    "line-height": options.endSize,
                    "color": options.color
                });
                box.animate({
                    "font-size": options.endSize,
                    "opacity": "0",
                    "top": top - parseInt(options.endSize) + "px"
                }, options.interval, function () {
                    box.remove();
                    options.callback();
                });
            }
        });
    })(jQuery);
    $(function () {
        $("cktz_nr_foot").click(function () {
            $.tipsBox({
                obj: $(this),
                str: "+1",
                callback: function () {
                }
            });
            niceIn($(this));
        });
    });
</script>
@endsection